.shiki-magic-move-container {
	position: relative;
	white-space: pre;
	tab-size: 2;
}

.shiki-magic-move-line-number {
	opacity: 0.3;
	user-select: none;
}

.shiki-magic-move-item {
	display: inline-block;
	transition:
		color var(--smm-duration, 0.5s) var(--smm-easing, 'ease'),
		opacity 0.5s var(--smm-easing, 'ease');
}

:where(.shiki-magic-move-item.selected) {
	opacity: 1;
}

:where(.shiki-magic-move-item.deselected) {
	opacity: 0.5;
}

.shiki-magic-move-move {
	transition: all var(--smm-duration, 0.5s) var(--smm-easing, 'ease');
}

.shiki-magic-move-enter-active,
.shiki-magic-move-leave-active {
	transition: all var(--smm-duration, 0.5s) var(--smm-easing, 'ease');
}

.shiki-magic-move-container-resize,
.shiki-magic-move-container-restyle {
	transition: all var(--smm-duration, 0.5s) var(--smm-easing, 'ease');
	transition-delay: calc(var(--smm-duration, 0.5s) * var(--smm-delay-container, 1));
}

.shiki-magic-move-move {
	transition-delay: calc(
		calc(var(--smm-duration, 0.5s) * var(--smm-delay-move, 1)) + var(--smm-stagger, 0)
	);
	z-index: 1;
}

.shiki-magic-move-enter-active {
	transition-delay: calc(
		calc(var(--smm-duration, 0.5s) * var(--smm-delay-enter, 1)) + var(--smm-stagger, 0)
	);
	z-index: 1;
}

.shiki-magic-move-leave-active {
	transition-delay: calc(
		calc(var(--smm-duration, 0.5s) * var(--smm-delay-leave, 1)) + var(--smm-stagger, 0)
	);
}

.shiki-magic-move-enter-from,
.shiki-magic-move-leave-to {
	opacity: 0;
}

br.shiki-magic-move-leave-active {
	display: none;
}
